<!doctype html>
<html>
<head>
<title>我的佣金</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta id="vieport" name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script type="text/javascript" src="./js/home.js?version=0310"></script>
<script type="text/javascript" src="js/jquery.getparm.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<link rel="stylesheet" type="text/css" href="./css/home.css?version=0310" />
<link rel="stylesheet" type="text/css" href="./css/common.css?version=0310" />
<link rel="stylesheet" type="text/css" href="common.css">
<link rel="stylesheet" type="text/css" href="home.css?version=0310">
<script type="text/javascript" src="js/common.js?version=0310"></script>
<script language="javascript">
			var a=$.getUrlParam('COI_NATURE_FID');
			var b=$.getUrlParam('DATEA');
			$(function (){
				$.natureajax({
					type:"get",
					url:jsonserver+"commission_my.do?callback=?",//获取JSON
					data:"COI_NATURE_FID="+a+"&pageSize=999&pageNo=1&DATEA=" + b,
					dataType:"jsonp",
					success:function(json){
						var info=json[1].info;
						//有消息进行遍历	
						var riqi=info.DATEA.split('/');
						
						var nian=riqi[0];
						var yue=parseInt(riqi[1],10);
						var fyriqi=info.COI_COMMISION_DATE.split('/');
						var fynian=fyriqi[0];
						var fyyue=fyriqi[1];
						var fyri=fyriqi[2];
						var _html='';
						_html+=	'<div width="100%" style="background-color:blue;height:119px"><div width="100%" style="background-color:#DDDDDD;height:118px"><div width="100%" style="">'
								+'<div width="100%"><span style="height:119px;width:40px;float:left;background:url(\'img/yongjin_top.png\')no-repeat"></span><span style="height:119px;float:left"><table style="height:119px">'
								+'<tr><td style="vertical-align:bottom;color:#1665b7;font-size:90px;font-family:\'微软雅黑\'">'+yue+'</td><td style="vertical-align:bottom;color:#1665b7;font-size:24px;font-family:\'微软雅黑\';"><div>月</div><div style="margin-bottom:14px;font-size:20px;color:#939393;">'+nian+'</div></td>'
								+'</tr></table></span><span style="float:left;height:119px;"><table  height="100%"><tr><td style="font-size:36px;font-family:\'微软雅黑\';color:#1665b7;vertical-align:bottom;">返佣业绩详情<div style="height:15px"></div></td></tr>'
								+'</table></span></div></div></div></div><div  style="height:160px;background:url(\'img/yongjin_er.png\')"><table style= "margin-left:5%;margin-right:5%;width=100%;height:150px;">'
								+'<tr><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">返佣金额合计：</td><td style="color:#b79716;font-size:36px;font-family:\'微软雅黑\'">'+info.AMOUNT+'</td>'
								+'</tr><tr><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">返佣日期：</td><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">'+fynian+'年'+fyyue+'月'+fyri+'日</td>'
								+'</tr><tr><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">返佣笔数：</td><td style="color:#b79716;font-size:36px;;font-family:\'微软雅黑\'">'+info.SUCCESS+'笔'
								+'</td><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">|&nbsp;&nbsp;&nbsp;</td><td style="color:#3c3c3c;font-size:24px;font-family:\'微软雅黑\'">未返佣：'
								+'</td><td style="color:#b79716;font-size:36px;;font-family:\'微软雅黑\'">'+info.UNFINISHED+'笔</td></tr></table></div>'
								$("#dingbu").append(_html);
						var list=json[1].list;
						for(i=0;i<list.length;i++){		
								var attr = list[i];
								var ariqi=attr.OI_PREDEAL_DATE.split('/');
								var anian=ariqi[0];
								var ayue=ariqi[1];
								var ari=ariqi[2];
								var k = attr.COI_COMMISION_AMOUNT;
								
								k=k==null?"0":k;
								var _html2='';
							_html2 +='<div class="liebiao" onclick="xiayiji(\''+a+'\',\''+attr.COI_ORDER_NO+'\');"><div width="100%" class="riqi">'+anian+'.'+ayue+'.'+ari+'</div><span style="height:70px;width:40px;float:right;background:url(\'img/jiantou.png\')no-repeat"></span>'
									+'<div style="margin-left:5%;color:#3c3c3c;font-size:30px;font-family:\'微软雅黑\';" >推荐&nbsp;&nbsp;3G开号</div>'
									+'<div style="margin-left:5%;color:#3c3c3c;font-size:30px;font-family:\'微软雅黑\';" >'+attr.COI_CUSTOMER_NAME+'&nbsp;&nbsp;&nbsp;'+attr.THINKNO+'&nbsp;&nbsp;&nbsp;&nbsp;'+attr.COI_COMMISION_AMOUNT+'元&nbsp;&nbsp;'+attr.COI_DEAL_STATE+'</div></div>'
									$("#xiangxi").append(_html2);
						
							}
					},
					error:function(){
					alert("出错了!");
					}
					
				})
					
			})
			
			
			
			function xiayiji(index,COI_ORDER_FID){	 
			        var url ="./dingdanxq.html";
					url+="?OI_NATURE_FID="+index+"&OI_ID="+COI_ORDER_FID;
			        window.location.href=url;
			 
			}
		</script>
<style>
.liebiao {
	height: 140px;
	border-bottom: 1px solid;
	border-color: #C2E0F8;
	margin-left: 20px;
	margin-right: 20px;
}
.riqi {
	font-size: 30px;
	background-color: #C2E0F8;
	border-style: solid;
	border-radius: 8px;
	border-color: #C2E0F8;
	height: 35px;
	width: 155px;
	margin-top: 20px;
	margin-left: 5%;
}
</style>
</head>
<body onresize="resize()">
<div id="bodyobj" class="bigimg" style="overflow: hidden;">
  <div id="header" style="width:100%">
    <div id="header" style="text-align:center;" class="header">
      <table width="100%" class="headerTal">
        <tr>
          <td class="menuTd" id="menuBtn" >返回</td>
          <td style=" text-align:center;font-size:32px; color:#fff;">我的佣金</td>
          <td width="18%"></td>
        </tr>
      </table>
    </div>
    <div id="home1" style="width:100%;height:300px;">
      <div> 
        <!--页面主体开始-->
        <div>
          <div id="dingbu"> </div>
          <div id="xiangxi" width="100%"> </div>
          <!--页面主体结束--> 
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>